<!DOCTYPE>
<html>
    <head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="uf-8">
    <link href="todo界面.css" type="text/css" rel="stylesheet">
    <title>todo界面</title>
    </head>
    <boby>
        <div class="myself">
            <div class="head">
                <div class="todolist">
                    <div class="to">To</div>
                    <div class="list">LIST</div>
                </div>
                
                 <div class="exit">退出</div>
                <div class="creat">
                    <input type="text"  class="border" placeholder="创建清单">
                    <img src="添加-4.png" >
                </div>
                
            </div>
            <div class="left-side">
              
                <div class="inventory">myself(16)</div>
                
                <div class="stale">stale(12)</div>
                <div class="point">
                <div class="todo">todo(3)</div>
                <div class="done">done(1)</div>
                <div class="font">improve your effcienty</div>
                </div>
            </div>
            <div class="content">
                <input type="text"  class="add-title" placeholder="添加标题">
                <input type="text"  class="add-content" placeholder="添加内容">
                <input type="text"  class="add-remark" placeholder="添加备注">
                <input type="text"  class="build-time" placeholder="生成时间">
                <img src="横线.png" class="connect1">
                <input type="text"  class="expiration-time" placeholder="到期时间">
                <button class="add">添加</button>
             <div class="all">
                  <div class="slid">
                      <div class="small-slid"></div>
                  </div>
                <div class="inventory-name">
                     <img src="下拉.png"class="dropdown-arrow">myself
                </div>
                     
                     <div class="inventory-contents">
                         <u>01</u>
                         <div class="content1">
                             <img src="勾选框-2.png" class="checkbox1">
                             <div class="write-title">标题一</div>
                             <img src="修改-2.png" class="change">
                             <div class="write-content">内容一</div>
                             <div class="write-remark">备注：</div>
                             <div class="display-time">生成时间</div>
                             <img src="横线.png" class="connect2">
                             <div class="write-expiration">到期时间</div>
                             <img src="删除.png" class="delete">
                         </div>
                        <u class="u2">02</u>
                        <div class="content2">
                             <img src="勾选框-2.png" class="checkbox1">
                             <div class="write-title">标题一</div>
                             <img src="修改-2.png" class="change">
                             <div class="write-content">内容一</div>
                             <div class="write-remark">备注：</div>
                             <div class="display-time">生成时间</div>
                             <img src="横线.png" class="connect2">
                             <div class="write-expiration">到期时间</div>
                             <img src="删除.png" class="delete">
                        </div>
                    
                
                    </div>
               
            </div>
            
        </div>
        </div>
      
    </boby>
</html>